html,body{ height: 100%; }
.wx-loginBG{height: 100%; background-color: #fff; }
.wx-LogingMian{ height: 100%; color: #2d97fa; font-size:17px;}

.wxLGM-title { text-align: center; padding:20% 0 5%;}
.wxLGM-title img{ width: 60px; margin: 0 auto;}

.wxLGM-form{ padding: 15px 10%;}

.wxLGM-Form-button{ background: #2d97fa; margin-top: 40px; height: 54px; line-height: 54px; color:#FFF; text-align: center; font-size: 20px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;}
.wxLGM-Form-button:active{ background: #2d85fa;}

.wxLGM-Form-text{ padding: 10px 0 0 0; text-align: right; font-size: 14px;}
.wxLGM-Form-text a{ color: #fff; font-size: 16px;}
.wxLGM-Form-text a:hover{ color: #EEE;}

.wxLGM-Form-other{ padding:10px 12%;}
.wxLGM-Form-other h2{ position: relative; font-weight: normal; text-align: center; font-size:16px;}
.wxLGM-Form-other h2:after{
	position: absolute;
    right: 0;
    top: 50%;
    left: 0px;
    height: 0px;
    width: 28%;
    border-top:1px solid #2d97fa;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color:none;	
}
.wxLGM-Form-other h2:before{
	position: absolute;
    right: 0;
    top: 50%;
    right: 0px;
    height: 0px;
    width: 28%;
    border-top:1px solid #2d97fa;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color:none;	
}
.wxLGM-Form-other h2 span{ position: relative; z-index: 3; width:36%; display: inline-block; }
.wxLGM-Form-other ul{ padding: 15px 0;}
.wxLGM-Form-other .muiiconItem{ width: 50px; margin: 0 auto; text-align: center;}
.wxLGM-Form-other .mui-icon{ position: relative; width: 35px; height: 35px;}
.wxLGM-Form-other .mui-icon:before{color:#fff; position: absolute; left: 5px; top: 5px; z-index: 3;}
.wxLGM-Form-other .mui-icon:after{ content: ''; position: absolute; z-index: 2; left: 0; top: 0; width: 35px; height: 35px; background: #2d97fa; border-radius: 100%; -moz-border-radius: 100%;}
	